<html>
<head>
<style type="text/css" media="all">
.c1 {
	border-top-style: solid;
	border-top-width: 3px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	background-color: pink;
}
.c2 { 
	border-style: solid;
	border-color: red;
	border-width: 1px;
	margin-left: 20px;
}
.c3 { 
	border-style: solid;
	border-color: red;
	border-width: 1px;
	border-left-color: blue;
	border-bottom-color: magenta;
	border-right-width: 2px;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #ccc;
}
</style>
</head>
<body>
<h1 class="c1">Hello World: class=c1</h1>
<h1 class="c2">Goodbye: class=c2 </h1>
<h1 class="c3">Mixed colors: class=c3</h1>
<pre class="c1">Hello World: class=c1</pre>
<pre class="c2">Goodbye: <span style="background: #ccc">class=c2</span> </pre>
<pre class="c3">Mixed colors: class=c3</pre>
</body>
</html>
